layui.use(['table','form'], function() {
    var table = layui.table
        , form = layui.form
        , $ = layui.$;
    var tableName = 'teacher';
    var url = '/Class/teacher/getAllTeachers';
    //工号表
    var teacher = table.render({
        elem: '#teacher',
        height: 'full-70',
        url: '/Class/teacher/getAllTeachers', //数据接口
        title: '工号表',
        page: true ,//开启分页
        toolbar: '#barbtn', //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        limits:[10,20,30,40],
        cols:
            [[ //表头
                { type: 'checkbox',fixed: 'left'},
                { field: 'id',title: 'ID',sort: true,hide: true},
                { field: 'teacherNo',title: '教师工号', sort: true, edit: true},
                { field: 'isDel',title: '是否删除', templet: '#switchTpl'}
            ]]
    });
    //监听状态操作
    form.on('switch(statusDemo)', function(obj){
        if (obj.elem.checked==true) {//判断单选框状态
            utils.radioChange($, obj, '/Class/teacher/state', this.value, 0, tableName, url);
        }else{
            utils.radioChange($, obj, '/Class/teacher/state', this.value, 1, tableName, url);
        }
    })
    //监听头工具栏事件
    table.on('toolbar(teaTool)', function(obj){
        switch(obj.event){
            case 'add':
                layer.msg('此功能暂未开放');
                break;
            case 'update':
                break;
            case 'delete':
                layer.msg('此功能暂未开放');
                break;
        };
    });
    //监听单元格编辑
    table.on('edit(teaTool)', function(obj){
        utils.update($, obj, tableName, url);
    });
    //进行模糊查询 (用户名和类型)
    form.on('submit(searchTea)', function(data){
        var type= $("select option:selected").val();
        table.reload(tableName, {
            url:'/Class/teacher/selectByLike',
            where: { //设定异步数据接口的额外参数，任意设
                "value":$('#searchNameTea').val() || "",'type':type
            }
            ,page: {
                curr: 1 //重新从第 1 页开始
            }
        }); //只重载数据
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
});
